<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>券游商城</title>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/aui.css"/>
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="css/alert.css">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/mui.min.js"></script>
    <script>
        autoload=function(){
            var data={};
            data.user_id=user_id;
            data.userpwd=userpwd;
            if(user_id==""){
                return;
            }
            $.ajax({
                type: "POST",
                //url: "http://test/jsonp.php",
                data: data,
                url: "http://xjh.taoleyizhan.com/wap/index.php?ctl=mainpage&show_prog=1",
                dataType: "json",
                success: function (json) {
                    console.log(json)
                    page_data=json
                    var noticeList="";

                    for(var i=0;i<page_data.newest_lottery_list.length;i++){
                        noticeList+='<li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜'+page_data.newest_lottery_list[i].user_name+'获得'+page_data.newest_lottery_list[i].name+' </li>';
                    }
                    $("#lunbo1").html(noticeList)
                    $("#page_title").text(page_data.page_title)
                    $("#user_tx").attr("src",hostUrl+ page_data.user_logo);
                    $("#user_name").html(page_data.user_name);
                    $("#user_id").html(user_id);
                    $("#user_id").html("ID:"+page_data.id+"")
                    $("#jifen").html(page_data.user_money_int);
                    $("#jiushui").html(page_data.user_score)
                    InitChat();
                },
                error:function(json){
                    console.log(json);
                }
            });
        }
    </script>
    <script src="js/init.js"></script>
    <style>
        @media screen and (max-width:320px){
            .shop_con{height:51vh;}
        }
        @media screen and (min-width:376px) and (max-width:414px){
            .shop_con{height:61vh;}
        }

    </style>

</head>
<body>
    <header class="mui-bar mui-bar-nav ">
        <a href="index.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" >券游商城</h1>
    </header>
    <footer class="mui-bar mui-bar-footer mui-text-center flex" style="background:#fff;height:50px;">
        <div class="f1"><a href="maiquan.html"><img src="images/foot_buy.png" alt="" height="100%"></a></div>
        <div class="f1"><a href="shang.html"><img src="images/foot_shang.png" alt="" height="100%"></a></div>
        <div class="f1"><a href="index.html"><img src="images/foot_home.png" alt="" height="100%"></a></div>
        <div class="f1 re"><a href="chat.html"><img src="images/foot_my.png" alt="" height="100%"></a></div>
    </footer>

    <div class="mui-content">
        <div class="user re aui-mar-t-10 f12" style="height:50px;line-height:1.6;">
            <div class="re" style="width:55%;">
                <div class="user_bg ab" style="left:-10%;"></div>
                <div class="ab" style="z-index:2;">
                    <img id="user_tx" class="user_tx aui-mar-l-5" style="margin-top:-5px;width:50px;height:50px;" src="image/avatar.png" alt="">
                    <img class="ab" style="right:0;bottom:5px;" src="image/sex1.png" alt="" width="12">
                </div>
                <div class="ab aui-pad-t-5 aui-col-9 hidden" style="padding-left:70px;">
                    <div id="user_name" class="nowrap">小思设计2017小思</div>
                    <div id="user_id" class="nowrap" style="font-size:10px;">ID:123456</div>
                </div>
            </div>
            <div class="user_jf ab" style="width:45%;">
                <div class="user_bg ab" style="right:-10%;height:40px;"></div>
                <div class="index_buy ab f10"><a href="maiquan.html" class="aui-color-black">购 券</a></div>
                <div class="ab aui-col-6 nowrap" style="padding:10px 0 0 20px">
                    <img class="vmid aui-mar-r-5" src="images/zuan.png" alt="" width="14"><span id="jifen"></span>
                </div>
            </div>
        </div>
        <!--user信息-->

        <div class="aui-pad-10">
            <div class="nav_sm flex mui-text-center f12">
                <div class="f1"><a href="uc_setting.html" class="aui-color-black"><img class="block aui-col-6 auto" src="images/index_set.png" alt="" width="40">设置</a></div>
                <div class="f1"><a href="backpack.html" class="aui-color-black"><img class="block aui-col-6 auto" src="images/index_pack.png" alt="" width="40">背包</a></div>
                <div class="f1"></div>
                <div class="f1"></div>
                <div class="f1"></div>
                <div class="f1"></div>
                <div class="f1"></div>
            </div>
            <div class="flex aui-pad-10 f14 aui-border-radius" style="background:#fee630;box-shadow:3px 3px 3px #dab91e;">
                <div class="f1"><img class="vmid border-r-1 aui-pad-r-10" src="images/jiebao.png" alt="" height="30"></div>
                <div class="f5 border-r-1 hidden">
                    <div id="lunbo" style="width:95%;height:30px;overflow: hidden;color:#d80000;float:left;">
                        <a class="block aui-color-red" href="zhongjiang.html">
                            <ul id="lunbo1">
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                            </ul>
                            <ul id="lunbo2"></ul></a>
                    </div>
                </div>
                <div class="f1 mui-text-right f12" style="line-height:30px;">更多</div>
            </div>
            <!--江湖捷报-->
            <!--<div class="aui-mar-t-10"><img class="aui-col-10" src="images/page_baozang.png" alt=""></div>-->

            <div class="aui-col-10 mui-text-center fix" style="left:0;bottom:50px;">
                <ul class="shop_nav select ab mui-text-center aui-col-10 flex">
                    <li class="action">券游商城</li>
                    <li class="">积分商城</li>
                </ul>
                <div class="shop_con back_scroll_bg f14 h58">
                    <ul class="overflow-y">
                        <li class="flex aui-mar-t-15 re">
                            <div class="quan_bg f2"><img src="" alt=""></div>
                            <div class="quan_con f5 aui-pad-10 mui-text-left">
                                <div>买iphone8 64G 国行金色</div>
                                <div>￥5888</div>
                                <div class="aui-color-red">￥100</div>
                                <div class="f10 aui-color-gray">赠送100积分</div>
                            </div>
                            <div class="orange_butn ab"><a href="quan_detail.html">领券购买</a></div>
                        </li>
                        <li class="flex aui-mar-t-15 re">
                            <div class="quan_bg f2"><img src="" alt=""></div>
                            <div class="quan_con f5 aui-pad-10 mui-text-left">
                                <div>买iphone8 64G 国行金色</div>
                                <div>￥5888</div>
                                <div class="aui-color-red">￥100</div>
                                <div class="f10 aui-color-gray">赠送100积分</div>
                            </div>
                            <div class="orange_butn ab"><a href="quan_detail.html">领券购买</a></div>
                        </li>
                    </ul>
                    <ul class="overflow-y" style="display:none !important;">
                        <li class="flex aui-mar-t-15 re">
                            <div class="quan_bg f2"><img src="" alt=""></div>
                            <div class="quan_con f5 aui-pad-10 mui-text-left">
                                <div style="height:40px;overflow: hidden;">买iphone8 64G 国行金色</div>
                                <div class="aui-color-red"><img src="images/zuan.png" alt="" width="14">100</div>
                            </div>
                            <div class="jifen_buy orange_butn ab">积分购买</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--弹窗开始-->
    <div class="alert f14 mui-text-center none">
        <div class="duo_touzhu box re none">
            <div class="tc_btn">购买成功</div>
            <img src="images/xiaolian.png" alt="" width="70">
            <div class=""> <b>购买成功</b></div>
            <div class="f12 line-height-2 aui-pad-b-10">亲，在我的背包里的订单查看购买信息哦～</div>
            <div class="yes orange_btn auto">确定</div>
        </div>
        <!--成功-->

        <div class="duo_buzu box re none">
            <div class="tc_btn">积分提示</div>
            <img src="images/kulian.png" alt="" width="70">
            <div class=""> <b>亲，您的积分余额不足</b></div>
            <div class="f12 line-height-2 aui-pad-b-10">新用户可以去 <a href="" style="color:#574502;text-decoration:underline;">福利</a>免费获取积分哦～</div>
            <div class="yes orange_btn auto">确定</div>
        </div>
        <!--失败-->

        <div class="user_info box re none">
            <img class="user_tx ab aui-border-rasius-y" src="image/avatar.png" alt="" width="80" height="80">
            <div style="overflow:hidden;">
                <div class="aui-pad-b-5"><img class="aui-mar-r-10" src="image/sex1.png" alt="" width="14"><b>司马懿</b> <span class="f12">ID:999</span></div>
                <div class="mui-row aui-pad-10 line-height-2 mui-text-left">
                    <div class="mui-col-sm-7 mui-col-xs-7">
                        <div>段位：绿蓝带</div>
                        <div>胜率：77%</div>
                    </div>
                    <div class="mui-col-sm-5 mui-col-xs-5">
                        <div>幸运：99999</div>
                        <div>人气：9999</div>
                    </div>
                </div>
                <div class="yes orange_btn auto">确定</div>
            </div>
        </div>
        <!--用户信息-->
    </div>

</body>
<script src="js/jiebao.js"></script>
<script src="js/alert.js"></script>

</html>